<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人来丰</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/collectScreenshots.css">
</head>
<body>
<div class="main">
    <div class="collectScreenshots__header">
        <div class="collectScreenshots__header__con">
            <img src="image/back.png" class="collectScreenshots__header_img">
            <span>上传二维码</span>
            <h2>完成</h2>
        </div>
    </div>
    <div class="collectScreenshots__content">
        <div class="collectScreenshots__content__box">
            <div class="collectScreenshots__content__boxTop">
                <!--<h2>请选择打开&nbsp;<i></i>&nbsp;下载方式</h2>-->
                <!--<img src="image/more_2.png" alt="">-->
                <!--<span>其他</span>-->
             <span></span><span>提示：<span>适用于需要扫描二维码的操作，如关注微信/访问网页</span></span>
            </div>
            <div class="collectScreenshots__content__boxMid">
                <h2>步骤说明</h2>
            </div>
            <div class="collectScreenshots__content__boxMid2">
                <textarea autofocus maxlength="80" rows="3" cols="20" placeholder="请输入内容，提示操作中需要在哪个页面截图，提交符合要求的截图等（最多80个字）"></textarea>
            </div>
            <div class="collectScreenshots__content__boxBot">
                <div>步骤说明图</div>
                <div>
                    <span>上传具体步骤操作的截图，引导做任务的人更好的完成操作</span>
                    <img src="image/more_2.png" alt="">
                </div>
            </div>
        </div>

    </div>
    <div class="collectScreenshots__footer">
        <a class="collectScreenshots__footer__next" href="#">删除</a>
    </div>
</div>
<script src="js/jquery-3.2.1.js"></script>
</body>
</html>